export const metadata = {
  title: 'Flowing Dots Effect',
  description:
    'An interactive React component that adds a dynamic bubble effect, visually tracking cursor movement in real time.',
};

<ComponentCodePreview name='flowing-dots' type="separate" />

## Props

| Prop             | Type       | Default           | Description                                              |
| ---------------- | ---------- | ----------------- | -------------------------------------------------------- |
| `backgroundColor`| `string`   | `'#F0EEE6'`       | Background color of the canvas.                          |
| `lineColor`      | `string`   | `'80, 80, 80'`    | RGB color value for the flowing pattern’s lines.        |
| `particleColor`  | `string`   | `'80, 80, 80'`    | RGB color value for the flowing particles.               |
| `animationSpeed` | `number`   | `0.005`           | Speed of the animation.                                  |
